*{
    margin: 0;
    padding: 0;
}
/* 上面文字 */
.text{
    width: 1200px;
    height: 50px;
    margin: 0 auto;
   /*  border: 1px solid black; */
   background-color: #F1F3F5;
}
.text ul li{
    
     list-style: none;
}
.text li a{
 
text-decoration: none;
color: black;
float: left;
margin-left: 10px;
font-size: 20px;
margin-top: 10px;
margin-left: 30px;
}
.text li a:hover{
    color: #CF0A2C;
}
/* 电脑 */
.computer{
width: 1200px;
height: 820px;
/* border: 1px solid black; */
background-color: #F1F3F5;
margin: 0 auto;
}
.com{
    width: 300px;
    height: 370px;
     display: flex;
     align-content: space-between;
     flex-direction: row;
    float: left;
    margin-top: 25px;
     

}
.pics:hover{
box-shadow: 0 0 15px grey;
}
.pics{
    background-color: #fff;
    margin-left: 30px;
    cursor: pointer;
     
}
.pics img{
    width: 200px;
    height: 200px;
    
    margin-left: 10px;
    cursor: pointer;
} 
/* 里面的文字 */
.pics .s1{
    float: left;
    color: white;
    border: 1px solid red;
    background-color: red;
    border-radius: 10px;
    margin-left: 40px;
}
.pics h4{
    font-size: 15px;
     
}
.pics .s2{
    float: left;
    margin-left: 40px;
    margin-top: 5px;
    color: grey;
    
}
.pics h2{
    color: red;
    font-family: '微软雅黑';
    font-size: 20px;
    text-align: center;
}
.pics .p1{
    border: 1px solid red;
    border-radius: 50px;
    color: red;
    display: inline-table;
    margin-top: 30px;
    margin-left: 25px;
}
.pics .p2{
    border: 1px solid red;
    border-radius: 50px;
    
    color: red;
}
.pics .p3{
    border: 1px solid red;
    border-radius: 20px;
    color: red;
}